<script lang="ts" setup>
  import { ref } from 'vue';
  import { InboxOutlined } from '@ant-design/icons-vue';
  import { message, Upload } from 'ant-design-vue';
  import type { UploadChangeParam } from 'ant-design-vue';
  const fileList = ref([]);
  const beforeUpload = (file, fileList) => {
    console.log(file, fileList)
    
    return false;
  };
</script>

<template>
  <div>
    <Upload
      style="background: #ffffff;"
      v-model:fileList="fileList"
      name="file"
      :multiple="true"
      :beforeUpload="beforeUpload"
    >
      <p class="ant-upload-drag-icon">
        <inbox-outlined></inbox-outlined>
      </p>
      <p class="ant-upload-text">Click or drag file to this area to upload</p>
      <p class="ant-upload-hint">
        Support for a single or bulk upload. Strictly prohibit from uploading company data or other
        band files
      </p>
    </Upload>
  </div>
</template>

<style scoped>

</style>
